<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>书签</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"> <!-- Font Awesome CSS -->
    <link rel="stylesheet" type="text/css" href="assets/unload.css"/>
    <link rel="stylesheet" type="text/css" href="assets/iconfont (6)/iconfont.css"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
        <div class="container">
            <div class="head">
                <i class="i material-symbols:arrow-back-rounded" onclick="location.href='my.html'"></i>
                <div>夸克下载</div>
                <i class="i octicon:three-bars"></i>
            </div>
            <div class="nav">下载完成</div>
            <div class="content">
                <div class="c-l">
                    <img src="img/文件.jpg">
                    <div class="detail">
                        <div class="upper">13760db...mobileconfig</div>
                        <div class="next">94 KB</div>
                    </div>
                </div>
                <div class="c-r">
                    <i class="i ic:outline-cloud-upload"></i>
                    <div>省空间</div>
                </div>
            </div>
            <div class="content">
                <div class="c-l">
                    <img src="img/文件.jpg">
                    <div class="detail">
                        <div class="upper">1asd1241eqdag</div>
                        <div class="next">4 KB</div>
                    </div>
                </div>
                <div class="c-r">
                    <i class="i ic:outline-cloud-upload"></i>
                    <div>省空间</div>
                </div>
            </div>
            <div class="content">
                <div class="c-l">
                    <img src="img/文件.jpg">
                    <div class="detail">
                        <div class="upper">sdhalwhdlaj</div>
                        <div class="next">9000 KB</div>
                    </div>
                </div>
                <div class="c-r">
                    <i class="i ic:outline-cloud-upload"></i>
                    <div>省空间</div>
                </div>
            </div>
            <div class="foot">
                <i class="i material-symbols:add"></i>
                <div class="progress">
                    <div class="progress-bar" style="width: 39%;"></div> <!-- 进度条，这里设置静态宽度 -->
                    <div class="ch">本地可用：53.33GB/255.87GB</div>
                </div>
                <i class="i material-symbols:settings-outline"></i>
            </div>
        </div>
</body>
</html>